<!DOCTYPE html>
<html>
<head>
    <title>个人中心</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no, address=no" />
    <meta name="handheldFriendly" content="true" />
    <meta name="mobileOptimized" content="width" />
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="ctx/asset/css/user.min.css?t=static_build_time">
    <script type="text/javascript" src="ctx/asset/js/lib/flexible.min.js?t=static_build_time"></script>
    <script type="text/javascript" src="ctx/asset/js/lib/jquery-3.2.1.min.js?t=static_build_time"></script>
    <script type="text/javascript" src="ctx/asset/js/lib/mustache.min.js?t=static_build_time"></script>
    <script type="text/javascript" src="ctx/asset/js/lib/dropload.min.js?t=static_build_time"></script>
    <script type="text/javascript" src="ctx/asset/js/user.min.js?t=static_build_time"></script>
</head>
<body>
    <div class="user-info">
       <div class="avatar">
           <img src="ctx/asset/images/user/avatar.png">
       </div> 
       <div class="user-info-content">
           <p class="username" title="小俊仔1990">小俊仔1990</p>
           <p class="amount">余额：0.00元</p>
       </div>
       <div class="btn-group">
           <a class="btn btn-link">我的券</a>
           <a class="btn btn-link" href="/recharge.html">充值</a>
       </div>
    </div>
    <div class="user-order">
        <div class="order-loader">
            <div class="order">
                <div class="order-item">
                    <div class="order-item-header">
                        <span class="order-label">订单号：</span>
                        <span class="order-status">待取货</span>
                        <span class="order-no">2222222222</span>
                    </div>
                    <div class="order-item-body">
                        <div class="body-inner">
                            <div class="co-img">
                                <img src="ctx/asset/images/coco/brand.png">
                            </div>
                            <div class="co-price">
                                ￥25
                                <div class="co-status">
                                    已出货
                                </div>
                            </div>
                            <div class="co-body">
                                <div class="co-name">
                                    牛油果元气弹
                                </div>
                                <div class="co-quantity">x1</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="order-item">
                    <div class="order-item-header">
                        <span class="order-label">订单号：</span>
                        <span class="order-status">待取货</span>
                        <span class="order-no">2222222222</span>
                    </div>
                    <div class="order-item-body">
                        <div class="body-inner">
                            <div class="co-img">
                                <img src="ctx/asset/images/coco/brand.png">
                            </div>
                            <div class="co-price">
                                ￥25
                            </div>
                            <div class="co-body">
                                <div class="co-name">
                                    牛油果元气弹
                                </div>
                                <div class="co-quantity">x1</div>
                            </div>
                        </div>
                    </div>
                    <div class="order-item-body">
                        <div class="body-inner">
                            <div class="co-img">
                                <img src="ctx/asset/images/coco/brand.png">
                            </div>
                            <div class="co-price">
                                ￥25
                            </div>
                            <div class="co-body">
                                <div class="co-name">
                                    牛油果元气弹
                                </div>
                                <div class="co-quantity">x1</div>
                            </div>
                        </div>
                    </div>
                    <div class="order-item-body">
                        <div class="body-inner">
                            <div class="co-img">
                                <img src="ctx/asset/images/coco/brand.png">
                            </div>
                            <div class="co-price">
                                ￥25
                            </div>
                            <div class="co-body">
                                <div class="co-name">
                                    牛油果元气弹
                                </div>
                                <div class="co-quantity">x1</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="x/template" id="orderItem">
        <div class="order-item">
            <div class="order-item-header">
                <span class="order-label">订单号：</span>
                <span class="order-status">{{orderStatusText}}</span>
                <span class="order-no">{{no}}</span>
            </div>
            {{{orderBody}}}
        </div>
    </script>
    <script type="x/template" id="orderBody">
        <div class="order-item-body">
            <div class="body-inner">
                <div class="co-img">
                    <img src="{{coverSmallImg}}">
                </div>
                <div class="co-price">
                    ￥{{goodsPrice}}
                    <div class="co-status">
                        {{statusText}}
                    </div>
                </div>
                <div class="co-body">
                    <div class="co-name">
                        {{goodsName}}
                    </div>
                    <div class="co-quantity">x{{goodsQuantity}}</div>
                </div>
            </div>
        </div>
    </script>

    <div id="dialog"></div>
</body>
</html>